<!--
 * @Description: 
 * @Author: LiuYan
 * @Date: 2022-04-27 15:41:52
 * @LastEditTime: 2023-08-15 11:07:36
 * @LastEditors: 刘岩 15136056318@163.com
 * @Reference: 
-->
<template>
  <div class="a-map">
    <div id="container" style="width: 100vw; height: 100vh"></div>
  </div>
</template>
<script setup lang="ts">
import { onMounted } from 'vue'
import { readerMap, handleMap, currentLocation } from './index.ts'
onMounted(() => {
  readerMap('container')
  handleMap(ev => {
    console.log(ev)
  })
  currentLocation(_e => {})
})
</script>

<style lang="scss" scoped>
:deep(.test) {
  background: url('../../assets/logo.png') no-repeat;
  background-size: 100% 100%;
  width: 50px;
  height: 50px;
  color: #fff;
}
:deep(.amap-logo),
:deep(.amap-copyright) {
  display: none !important;
  img {
    display: none !important;
  }
}
</style>
